<template>
  <div class="About">
    <h1>关于妈妈力测评</h1>
    <!--<p>本研究是由哈佛教育学院的儿童发展与亲子关系研究专家，与爸妈营合作开展，旨在根据您提供的信息，评估您的教育理念和实践，以及您孩子的发展状况</p>-->
    <!--<p>我们希望通过科学，成熟的量表和评估框架，了解您在亲子互动中的实践、您对教育的一些想法以及您的孩子的语言读写、数概念和科学、认知等方面的发展水平。</p>-->
    <div class="p" v-html="content">
    {{content}}
    </div>
    <img src="static/images/logo.png" class="logo" alt="">
    <!--<a class="start">开始</a>-->
    <!--<router-link :to="{ path: 'Consent'}" transition="back" class="start">开始</router-link>-->
    <div :to="{ path: 'Consent'}" @click="Consent" transition="back" class="start">开始</div>
    
  </div>
</template>

<script>

export default {
  name: 'About',
  data () {
    return {
      content: ''
    }
  },
    mounted () {

      setTimeout( e => {
          var url = this._API_ + "setting"
          this.$http.get(url).then(e => {
              this.content = e.data[5].set_value
              var set_data = e.data
              var wxtitle = set_data[3].set_value
              var wxdesc = set_data[2].set_value
              var wximg = "http://assess.mumtalks.cn/"+set_data[1].set_value
              var wxurl = set_data[0].set_value
              wx.config({
                  debug: false,
                  appId: localStorage.getItem("appId"),
                  timestamp: localStorage.getItem("timestamp"),
                  nonceStr:  localStorage.getItem("nonceStr"),
                  signature: localStorage.getItem("signature"),
                  jsApiList: [
                      // 所有要调用的 API 都要加到这个列表中
                      "hideMenuItems",
                      'checkJsApi',
                      'openLocation',
                      'getLocation',
                      'onMenuShareTimeline',
                      'onMenuShareAppMessage',
                      "menuItem:share:qq",
                      "menuItem:openWithSafari",
                  ]
              });

              wx.ready(function () {
                  wx.checkJsApi({
                      jsApiList: [
                          'getLocation',
                          'onMenuShareTimeline',
                          'onMenuShareAppMessage'
                      ],
                      success: function (res) {

                      }
                  });

                  //批量隐藏功能
                  wx.hideMenuItems({
                      menuList: ['menuItem:share:qq',"menuItem:openWithSafari","menuItem:share:QZone","menuItem:copyUrl"] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
                  });
                  wx.onMenuShareAppMessage({
                      title: wxtitle,
                      desc: wxdesc,
                      link: wxurl,
                      imgUrl: wximg,
                      trigger: function (res) {
                          // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                          // alert('用户点击发送给朋友');
                      },
                      success: function (res) {
                          // alert('已分享');
                      },
                      cancel: function (res) {
                          // alert('已取消');
                      },
                      fail: function (res) {
                          // alert(JSON.stringify(res));
                      }
                  });
                  wx.onMenuShareTimeline({
                      title: wxtitle,
                      link: wxurl,
                      imgUrl: wximg,
                      trigger: function (res) {
                          // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                          // alert('用户点击分享到朋友圈');
                      },
                      success: function (res) {
                          // alert('已分享');
                      },
                      cancel: function (res) {
                          // alert('已取消');
                      },
                      fail: function (res) {
                          // alert(JSON.stringify(res));
                      }
                  });
              })
          })
      },300)
  },
  components : {

  },
  methods : {
      Consent() {
          this.$router.push({name: 'Consent'})
      }
  }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

  .logo{
    display:block;
    margin:200px auto;
  }
  .About {
    /*padding-bottom:100px;*/
  }
  h1{
    font-size:4rem;
    color:#000;
    font-weight: bold;
    text-align: center;
    margin-top:67px;
    margin-bottom:58px;
  }
  .p{
    font-size:2.8rem;
    color:#0d0d0d;
    line-height:5rem;
    padding:0px 50px;
    margin-bottom:50px;
  }
  .start{
    height:93px;
    color:#fff;
    font-size:3.8rem;
    background-color: #f05c78;
    position: fixed;
    bottom:0px;
    width:750px;
    text-align: center;
    line-height:93px;
    text-decoration: none;
  }
</style>
